<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>用户登录</title>
    <style>
        body {
            background-color: #2B35DF;
        }
        .loginDiv {
            width: 550px;
            height:530px;
            background-color: white;
            /*让div整体居中*/
            margin: 0 auto;
            /*让div顶部外边距是80px，让div离顶部远一些*/
            margin-top:80px;
            /*调整顶部内边距*/
            padding-top:30px;
            text-align: center;
        }
        .loginInput{
            width: 426px;
            height: 55px;
            border-radius: 5px;
            border:1px solid darkgray;
            margin-bottom: 20px;
            padding-left:30px;
            /*文本框背景透明*/
            background-color: transparent;
            margin-left:-25px;
        }
        .loginBtn{
            width: 453px;
            height: 55px;
            background-color: #FF6B4D;
            color:white;
            font-size: 20px;
            border-radius: 5px;
            /*去掉边框*/
            border:none;
        }
        .thirdLogin{
            margin-top:30px;
            margin-bottom: 15px;
        }
        .logpic{
            margin-left: 20px;
        }
    </style>
</head>
<body>
<div class="loginDiv">
    <!-- 这是放logo的div -->
    <div style="text-align: center;">
        <img src="img/tyustlogo.png" width="250px"/>
    </div>
    <h2>毕业设计管理系统</h2>
    <div>
        <img src="img/user.png"><input class="loginInput" type="text" placeholder="请输入用户名">
        <br>
        <img src="img/password.png"><input class="loginInput" placeholder="密码" type="password"/>
        <br>
        <input class="loginBtn" type="submit" value="登录">
    </div>
    <!-- 这个div放第三方登录 -->
    <div class="thirdLogin">
        <img class="logpic" src="img/weixin.png"/>
        <img class="logpic" src="img/qq.png">
        <img class="logpic" src="img/weibo.png">
    </div>
    <div style="font-size:12px;line-height: 20px;">
        技术支持：太原科技大学  宋书记<br>
        开发者：太原工业学院  王主任
    </div>
</div>
</body>
</html>